

<template>
  <globalComponentA />
  <globalComponentB />
  <globalComponentC />
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/">About</RouterLink>
        ////
        <RouterLink to="/pinia">pinia</RouterLink>
        ////
        <RouterLink to="/vueuseView">vueuseView</RouterLink>
        ////
        <RouterLink to="/tailwindcssView">tailwindcssView</RouterLink>
      </nav>
    </div>
  </header>

  <RouterView />

  <slotComponent>
    <template v-slot:slot1>
      <div>
        具名插槽1
      </div>
    </template>
    <template v-slot:slot2>
      <div>
        具名插槽2
      </div>
    </template>
  </slotComponent>
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import slotComponent from '@/components/slotComponent.vue'

</script>
<style>
</style>
